[#assign expendStatus='expand'/]
[#assign showStatus=''/]
<div class="box list archive">
	<h3>archive</h3>
	<div class="boxcontent">
		[#if (data_list?size) gt 0]
			[#list data_list as it]
			[#if it_index != 0][#assign expendStatus='collapse'/][#assign showStatus='hide'/][/#if]
			<dl>
				<a href='javascript:;' title="Click here to collapse month detail of year ${it.year}" id='archive-par-${it.year}' class='ico ${expendStatus}'>${expendStatus}</a>
				<a href="${ui.base}/archive/calendar/post/${it.year}" class='year' title="Year of ${it.year}">Year of ${it.year}</a>
			</dl>
			<div id='archive-sub-${it.year}' class='${showStatus}'>
				<ul>
					[#list it.archives as a]
					<li>&raquo; <a href="${ui.base}/archive/calendar/post/${it.year}/${a.month}" title="Month ${a.month} Year ${it.year}">[@pretty_month num=a.month format='long'/]<span>(${a.posts})</span></a></li>
					[/#list]
				</ul>
			</div>
			[/#list]
		[#else]
			<dl>
				<span>No data</span>
			</dl>
		[/#if]
		<br/>
	</div>
	<div class="box-foot">&nbsp;</div>
</div>